.home{
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url('../img/home-background.png') no-repeat;
    background-size: cover;
    background-size:"100% auto";
    background-color: #ff9900;
}

.home2{
    width: 100%;
    height: 100%;
    z-index: 5;
    position:absolute;
    display: flex;
    display: -webkit-flex; 
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: space-between;
    -webkit-align-content: space-between;
    .column{//标题
        //background: red;
        height: 27%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        display: flex;
        display: -webkit-flex; 
        justify-content: center;
        -webkit-justify-content: center;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        img{
            width: 308px;
            height: 132px;
        }
    }
}


//上层按钮
.planting{
    width: 100%;
    height: 100%;
    z-index: 5;
    // background-color: rgb(252, 222, 222);
    // opacity: 0.8;
    position:absolute;
    display: flex;
    display: -webkit-flex; 
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: space-between;
    -webkit-align-content: space-between;
    .column{//屏幕上端列
        height: 6%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        display: flex;
        display: -webkit-flex; 
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        align-items: flex-end;
        -webkit-align-items: flex-end;
        img{
            width: 84px;
            height: 26px;
        }
    }
    .column2{//屏幕下端列
        margin-bottom: 100px;
        height: 35%;
        width: 100%;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        display: -webkit-flex; 
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .col1{
            width: 100%;
            height: 52%;
            .one{
                width: 100%;
                height: 100%;
                display: -webkit-flex; 
                display: flex;
                justify-content: center;
                -webkit-justify-content: center;
                align-items: center;
                -webkit-align-items: center;
                align-content: center;
                -webkit-align-content: center;
                .zhuligaokao{
                    width:  240px;   
                    height: 54px;
                    background: url('../img/zhuligaokao.png') no-repeat;
                    background-size: cover;
                    background-size:"100% auto";
                }
                .guangle{
                    width:  240px;   
                    height: 35px;
                    background: url('../img/guangle.png') no-repeat;
                    background-size: cover;
                    background-size:"100% auto";
                }
            }
            .three{
                width: 100%;
                height: 100%;
                display: -webkit-flex; 
                display: flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                flex-direction: column;
                -webkit-flex-direction: column;
                align-content: center;
                -webkit-align-content: center;
                .t1,.t2{
                    width: 100%;
                    height: 49%;
                    display: -webkit-flex; 
                    display: flex;
                    justify-content: center;
                    -webkit-justify-content: center;
                    align-items: center;
                    -webkit-align-items: center;
                    align-content: center;
                    -webkit-align-content: center;
                    .x500m{
                        margin-top: 5%;
                        width:  174px;   
                        height: 23.5px;
                        background: url('../img/500m.png') no-repeat;
                        background-size: cover
                    }
                    .gaosupengyou{
                        width:  151.2px;   
                        height: 52px;
                        background: url('../img/gaosupengyou.png') no-repeat;
                        background-size: cover
                    }
                    .haoyouhuode{
                        margin-top: 5%;
                        width:  216px;   
                        height: 23.5px;
                        background: url('../img/haoyouhuode.png') no-repeat;
                        background-size: cover
                    }
                    .bangta{
                        width:  160px;   
                        height: 55.5px;
                        background: url('../img/bangta.png') no-repeat;
                        background-size: cover;
                    }
                    .yizhuli{
                        width:  160px;   
                        height: 55.5px;
                        background: url('../img/yizhuli.png') no-repeat;
                        background-size: cover;
                    }
                    .woyao{
                        width:  130px;   
                        height: 41px;
                        background: url('../img/woyao.png') no-repeat;
                        background-size: cover
                    }
                }
            }
        }
        .col2{
            width: 100%;
            height: 50%;
            .cb2{
                margin-left: 15%;
                width: 80%;
                height: 30%;
                display: -webkit-flex; 
                display: flex;
                justify-content: center;
                -webkit-justify-content: center;
                align-items: center;
                -webkit-align-items: center;
                align-content: center;
                -webkit-align-content: center;
                .yuyue{
                    width: 140px;
                    height:  33px;
                    background: url('../img/yuyue.png') no-repeat;
                    background-size: cover
                }
                // img{
                //     width: 161px;
                //     height:  40px;
                // }
            }
            .cb{
                margin-left: 6%;
                height: 70%;
                width: 45%;
                display: -webkit-flex; 
                display: flex;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                align-items: center;
                -webkit-align-items: center;
                .banli{
                    width: 67px;
                    height: 45px;
                }
                .qiandao{
                    width: 64.5px;
                    height: 42px;
                }
            }
        }

    }
}
